.flex-row-between{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.flex-col-start{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.flex-col-center{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.flex-row-around{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.flex-row-center-col-center{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.flex-row-around-col-start{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
}
.flex-row-left{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items:center;
}
.flex-row-left-start{
  display: flex;
  flex-direction: row;
  justify-content:flex-start;
  align-items:flex-start;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-row-center{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.relative{
  position: relative;
}

.absolution{
  position: absolute;
  overflow: visible;
  visibility: visible;
}
.flex_row_left_top{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items:flex-start;
}
.flex-row-right{
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items:center;
}
/* Set a 8px margin to all sides */
.m-2 { margin: 8px !important; }

/* Set a 8px margin on the top */
.mt-2 { margin-top: 8px !important; }

/* Set a 8px margin on the right */
.mr-2 { margin-right: 8px !important; }

/* Set a 8px margin on the bottom */
.mb-2 { margin-bottom: 8px !important; }

/* Set a 8px margin on the left */
.ml-2 { margin-left: 8px !important; }

/* Set a negative 8px margin on top */
.mt-n2 { margin-top: -8px !important; }

/* Set a negative 8px margin on the right */
.mr-n2 { margin-right: -8px !important; }

/* Set a negative 8px margin on the bottom */
.mb-n2 { margin-bottom: -8px !important; }

/* Set a negative 8px margin on the left */
.ml-n2 { margin-left: -8px !important; }

/* Set a 8px margin on the left & right */
.mx-2 { margin-right: 8px !important; margin-left: 8px !important; }

/* Set a 8px margin on the top & bottom */
.my-2 { margin-top: 8px !important; margin-bottom: 8px !important; }

/* Set a 16px margin to all sides */
.m-3 { margin: 16px !important; }

/* Set a 16px margin on the top */
.mt-3 { margin-top: 16px !important; }

/* Set a 16px margin on the right */
.mr-3 { margin-right: 16px !important; }

/* Set a 16px margin on the bottom */
.mb-3 { margin-bottom: 16px !important; }

/* Set a 16px margin on the left */
.ml-3 { margin-left: 16px !important; }

/* Set a negative 16px margin on top */
.mt-n3 { margin-top: -16px !important; }

/* Set a negative 16px margin on the right */
.mr-n3 { margin-right: -16px !important; }

/* Set a negative 16px margin on the bottom */
.mb-n3 { margin-bottom: -16px !important; }

/* Set a negative 16px margin on the left */
.ml-n3 { margin-left: -16px !important; }

/* Set a 16px margin on the left & right */
.mx-3 { margin-right: 16px !important; margin-left: 16px !important; }

/* Set a 16px margin on the top & bottom */
.my-3 { margin-top: 16px !important; margin-bottom: 16px !important; }

/* Set a 24px margin to all sides */
.m-4 { margin: 24px !important; }

/* Set a 24px margin on the top */
.mt-4 { margin-top: 24px !important; }

/* Set a 24px margin on the right */
.mr-4 { margin-right: 24px !important; }

/* Set a 24px margin on the bottom */
.mb-4 { margin-bottom: 24px !important; }

/* Set a 24px margin on the left */
.ml-4 { margin-left: 24px !important; }

/* Set a negative 24px margin on top */
.mt-n4 { margin-top: -24px !important; }

/* Set a negative 24px margin on the right */
.mr-n4 { margin-right: -24px !important; }

/* Set a negative 24px margin on the bottom */
.mb-n4 { margin-bottom: -24px !important; }

/* Set a negative 24px margin on the left */
.ml-n4 { margin-left: -24px !important; }

/* Set a 24px margin on the left & right */
.mx-4 { margin-right: 24px !important; margin-left: 24px !important; }

/* Set a 24px margin on the top & bottom */
.my-4 { margin-top: 24px !important; margin-bottom: 24px !important; }

/* Set a 32px margin to all sides */
.m-5 { margin: 32px !important; }

/* Set a 32px margin on the top */
.mt-5 { margin-top: 32px !important; }

/* Set a 32px margin on the right */
.mr-5 { margin-right: 32px !important; }

/* Set a 32px margin on the bottom */
.mb-5 { margin-bottom: 32px !important; }

/* Set a 32px margin on the left */
.ml-5 { margin-left: 32px !important; }

/* Set a negative 32px margin on top */
.mt-n5 { margin-top: -32px !important; }

/* Set a negative 32px margin on the right */
.mr-n5 { margin-right: -32px !important; }

/* Set a negative 32px margin on the bottom */
.mb-n5 { margin-bottom: -32px !important; }

/* Set a negative 32px margin on the left */
.ml-n5 { margin-left: -32px !important; }

/* Set a 32px margin on the left & right */
.mx-5 { margin-right: 32px !important; margin-left: 32px !important; }

/* Set a 32px margin on the top & bottom */
.my-5 { margin-top: 32px !important; margin-bottom: 32px !important; }

/* Set a 40px margin to all sides */
.m-6 { margin: 40px !important; }

/* Set a 40px margin on the top */
.mt-6 { margin-top: 40px !important; }

/* Set a 40px margin on the right */
.mr-6 { margin-right: 40px !important; }

/* Set a 40px margin on the bottom */
.mb-6 { margin-bottom: 40px !important; }

/* Set a 40px margin on the left */
.ml-6 { margin-left: 40px !important; }

/* Set a negative 40px margin on top */
.mt-n6 { margin-top: -40px !important; }

/* Set a negative 40px margin on the right */
.mr-n6 { margin-right: -40px !important; }

/* Set a negative 40px margin on the bottom */
.mb-n6 { margin-bottom: -40px !important; }

/* Set a negative 40px margin on the left */
.ml-n6 { margin-left: -40px !important; }

/* Set a 40px margin on the left & right */
.mx-6 { margin-right: 40px !important; margin-left: 40px !important; }

/* Set a 40px margin on the top & bottom */
.my-6 { margin-top: 40px !important; margin-bottom: 40px !important; }
